نوشته های اخیر در بخش: CSS

??

فونتها و خواص آنها:
?. خانواده فونتها (Font-families)
خواص font-family این میباشد که می توانید فونت صفحه خود را انتخاب کنید. استایلها با دو نوع فونت کار خواهند کرد:
-
فونتهای خاص (Specific): این فونتهای عبارتند از: Arial, Garamond, Times
New Roman. این فونتها در واقع بروی کامپیوتر اشخاص به صورت پیش فرض موجود
میباشد.
- فونتهای عام (Generic): این فونتها عبارتند از: Serif,
Sans-serif, monospace, cursive, & fantasy که این فونتها توسط
استایلها ساپورت میشوند.
برای تعریف صورت (اشکال) فونتها در استایلها از فرمول زیر استفاده میشوند:
 

?. اندازه فونتها (Font Size)
در حالت استاندارد
برای کنترل اندازه فونتها در HTML، با استفاده از SIZE دز تگ <FONT>
میباشد. در استایلهای برای تعریف اندازه فونتها باید از فرمول زیر استفاده
کنید:

font-size: size
 برای تعریف واحد در فونتهای به چهار روش استفاده میشوند:
- واحدهای طول(Unit of length): این واحدها عبارتند از: mm, cm, in, pt, pc, em, ex
-  توضیحات کلیدی (Keyword Deion): این واحدها عبارتند از: xx-small, x-small, small, large, x-large, xx-large
- واحد به صورت درصد (?)
- نوع آخر بیان کردن حالتهای کلیدی در آن همانند: larger, smaller
حال این اندازه ها به دو حالت منطقی (Absolute) و نسبی (Relative) تقسیم میشوند. تفاوت این دو نوع در این میباشد که در حالت منطقی اندازهای را برحسب واحدهای استاندارد اندازه گیری میباشد این اندازه می
اندازه را به صورت عدد و یا اعشاری تعیین کرد و واحدها در این نوع عبارتند
از: mm(millimeter), cm(centimeter), in(inch), pt(point), pc(pica) در
حالت نسبی اندازه فونتها برحسب نوع کارکترها (حروف) میباشد.
برای این حالت تنها دو واحد em, ex میباشند. که اندازه em معادل حرف بزرگ
M و ex معادل حرف کوچک x میباشند.
بهترین نوع واحدها در اندازه گیری فونتها px میباشد که برحسب تعداد پیکسلهای مانیتور میباشد.

?. فاصله در بین کلمات، حروف و خطها
با استفاده از فومولهای زیر می توانید سه حالت بالایی رو مشخص کنید:
 

در حالت اولی (حالت افقی) جهتها عبارتند از: left, center, right و در
حالت دومی (حالت عمودی) جهتها عبارتند از: baseline, bottom, middle, sub,
super, text-top, text-bottom, top

?. حالتهای خاص
 

?. خواص فونتهای
خواص فونتها در حالت کلی به صورت زیر میباشد:

برای مثال اینرا می توانید به حالت زیر بنویسید:

h2 {
 font-style: italic;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 3em;
 line-height: 0.5em;
 font-family: Times New Roman, Serif
 }

h2 { font: italic small-caps bold 3em/0.5em Times New Roman, serif }
منبع : http://tools.bolghan.com/archives/000175.htm